import Vue from 'vue'
import App from './App.vue'
// 路由的使用步骤（5+2）
// 1.下载 3.6.5版本
// 2.引入
// 3.安装注册 Vue.use()
// 4.创建路由对象
// 5.注入到new Vue中

// 第一步：npm install vue-router@3.6.5

// 第二步：引入
import VueRouter from 'vue-router'
import FindMusic from './views/FindMusic.vue';
import MyMusic from './views/MyMusic.vue';
import MyFriend from './views/MyFriend.vue';



// 第三步：VueRouter插件初始化
Vue.use(VueRouter);

// 第四步：创建对象，配置路由规则
const router = new VueRouter({
  routes: [
    { path: '/find', component: FindMusic },
    { path: '/my', component: MyMusic },
    { path: '/friends', component: MyFriend }
  ]
})

Vue.config.productionTip = true

new Vue({
  render: h => h(App),
  // 对象注入到Vue对象中
  router: router
}).$mount('#app')

